<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>有序列表</title>
</head>
<body>
<ol>
  <li>大师兄孙悟空</li>
  <li>二师兄猪八戒</li>
  <li>三师弟沙师弟</li>
</ol>
<ol>
  <li type="l" value="1">第一名状元</li>
  <li type="a">第二名榜眼</li>
  <li type="I">第三名探花</li>
</ol>
</body>
</html>